<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Test: :first-line pseudo-element - text-transform</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
  <link rel="author" title="Magne Andersson" href="magne[dot]andersson(at)telia[dot]com" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#viewport" />

  <style type="text/css"><![CDATA[
  div:first-line
  {
  text-transform: uppercase;
  }
  ]]></style>

 </head>

 <body>

  <p>Test passes if the first line (and only the first line) of the latin paragraph below has all characters of each word in uppercase. This may still be true after changing the window size.</p>

  <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse metus nibh, sodales at interdum a, commodo vitae nisl. Curabitur cursus rutrum urna et tempus. Proin purus lectus, lobortis id pharetra lacinia, porta in mauris. Nunc ultricies tincidunt velit, at sollicitudin tortor vulputate tempor. Cras consequat mauris ac neque tempor rhoncus. Quisque at nisi nisl. Integer convallis sodales sem quis euismod. Aliquam ornare purus libero, vel cursus nunc.</div>

 </body>
</html>